<!--
 * @Descripttion: 
 * @version: 
 * @Author: 高月飞
 * @Date: 2023-11-22 19:50:23
 * @LastEditors: 高月飞
 * @LastEditTime: 2023-11-25 08:34:32
-->
<template>
    <el-table :data="logStore.$state.loginfo.loginfo" style="width: 100%"
        :header-cell-style="{ background: 'skyblue', color: '#606266' }">
        <el-table-column prop="operate" label="操作人" />
        <el-table-column prop="operationtype" label="操作类型" />
        <el-table-column prop="operationfield" label="操作字段" />
        <el-table-column label="操作" width="240">
            <template #default="{ row }">
                <el-button type="primary" size="small">编辑</el-button>
            </template>
        </el-table-column>
    </el-table>
</template>
  
<script lang="ts" setup>
import { ref, onMounted } from 'vue';
import useLogStore from '@/stores/log'; // Update the path

const logStore = useLogStore();
interface IProps {
    dialogtrue: (value: boolean) => void
}
const props = defineProps<IProps>()
</script>
  
<style>
.el-table .warning-row {
    --el-table-tr-bg-color: var(--el-color-warning-light-9);
}

.el-table .success-row {
    --el-table-tr-bg-color: var(--el-color-success-light-9);
}
</style>
